<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>layui</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <link rel="stylesheet" href="__CSS__/layui.css"  media="all">
  <script src="__UI__/layui.js"></script>


<style>
body{padding: 10px;}
</style>
</head>
<body>

<table class="layui-hide" id="demo"></table>
               
          
<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
<script>

layui.use('table', function(){
  var table = layui.table;
  
  //展示已知数据
  table.render({
    elem: '#demo'
    ,cols: [[ //标题栏

      {field: 'money', title: '充值金额', width: 90}
      ,{field: 'time', title: '充值时间', width: 160}
      ,{field: 'out_trade_no', title: '交易号', width: 200}
    ]]

    ,data: {$data}
   // ,skin: 'line' //表格风格
    //,even: true
    //,page: true //是否显示分页
    //,limits: [5, 7, 10]
    //,limit: 5 //每页默认显示的数量
  });
});

</script>

</body>
</html>
